<ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
  <div class="pageMenuSlides">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <!-- {{i==0?'bottomLine':''}}是初始化的时候默认选择第一个菜单 -->
        <div class="swiper-slide {{i==0?'bottomLine':''}}" *ngFor="let item of menus;let i=index;" tappable (click)="selectPageMenu(i)">{{item}}{{i}}
        </div>
      </div>
    </div>
  </div>
</ion-header>


<ion-content>
  <ion-slides #contentSlides (ionSlideDidChange)="slideChanged()">
  <ion-slide >
    <!-- <page-menu1></page-menu1> -->
    引入iconfont字体图标
    <hr>
    <i class="iconfont icon-ju1"></i>
    <i class="iconfont icon-hua"></i>
    <i class="iconfont icon-suan"></i>
    <i class="iconfont icon-huo"></i>
    <i class="iconfont icon-erweima"></i>
    <i class="iconfont icon-lajixiang"></i>
    <i class="iconfont icon-saoyisao"></i>
    <i class="iconfont icon-shuaxin"></i>
    <i class="iconfont icon-wancheng"></i>
    <i class="iconfont icon-zhaoxiangji"></i>
  </ion-slide>

  <ion-slide>
    <!-- <page-menu2></page-menu2> -->22
  </ion-slide>

  <ion-slide>
    <!-- <page-menu3></page-menu3> -->33
  </ion-slide>

  <ion-slide>
    <!-- <page-menu4></page-menu4> -->44
  </ion-slide>

</ion-slides>
</ion-content>